* {
    margin: 0;
    padding: 0;
}

body {
    /*background-image: url("../../img/bkg-trunk.gif");*/
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-style: none solid;
    border-width: medium 1px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    min-height: 100%;
    padding: 0 60px;
    width: 960px;
    z-index: 1;
}

a {
    color: #08C;
}

#mainBody {
    width: 960px;
}

#nav {
    height: 40px;
    background: #9d0b0e;
    /*background: -ms-linear-gradient(top, rgba(110, 110, 110, .2) 0, transparent 5%, transparent 97%, rgba(94, 94, 94, .45) 100% ), url('../../img/nav_bg.png') no-repeat 50% 50%, -o-linear-gradient(bottom, #626262 0, #4B4B4B 50%, #707070 51%, gray 100%);
    background: -o-linear-gradient(top, rgba(110, 110, 110, .2) 0, transparent 5%, transparent 97%, rgba(94, 94, 94, .45) 100% ), url('../../img/nav_bg.png') no-repeat 50% 50%, -o-linear-gradient(bottom, #626262 0, #4B4B4B 50%, #707070 51%, gray 100%);
    background: -moz-linear-gradient(top, rgba(110, 110, 110, .2) 0, transparent 5%, transparent 97%, rgba(94, 94, 94, .45) 100% ), url('../../img/nav_bg.png') no-repeat 50% 50%, -moz-linear-gradient(bottom, #626262 0, #4B4B4B 50%, #707070 51%, gray 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 110, 110, .2) ), color-stop(0.05, transparent), color-stop(0.97, transparent), to(rgba(94, 94, 94, .45) ) ), -webkit-gradient(linear, 0 0, 100% 0, from(rgba(111, 111, 111, .2) ), color-stop(0.002, transparent), color-stop(0.998, transparent), to(rgba(94, 94, 94, .2) ) ), url('../../img/nav_bg.png') no-repeat 50% 50%, -webkit-gradient(linear, 0 100%, 0 0, from(#626262), color-stop(0.5, #4B4B4B), color-stop(0.51, #707070), to(gray) );
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2B2B2B2,endcolorstr=#222222,gradientType=0);*/
    position: relative;
    display: block;
    margin-bottom: 15px;
    text-align: left;
    -khtml-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    /*-khtml-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
    -ms-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;*/
}

ul#list-nav li {
    background: url(../../img/split_line.gif) no-repeat right center;
}

ul#list-nav li.active a {
    background-color: #fdaf17;
    /*-o-border-image: url('../../img/nav_bg_active.png') 0 2 0 1;
    -ms-border-image: url('../../img/nav_bg_active.png') 0 2 0 1;
    -moz-border-image: url('../../img/nav_bg_active.png') 0 2 0 1;
    -webkit-border-image: url('../../img/nav_bg_active.png') 0 2 0 1;
    background-image: -ms-linear-gradient(center top, #409ce0, #0378cf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#409ce0), to(#0378cf));
    background-image: -webkit-linear-gradient(top, #409ce0, #0378cf);
    background-image: -o-linear-gradient(top, #409ce0, #0378cf);
    background-image: -moz-linear-gradient(top, #409ce0, #0378cf);
    background-image: linear-gradient(top, #409ce0, #0378cf);
   filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#409ce0,endcolorstr=#0378cf,gradientType=0);*/
}

ul#list-nav li a:hover {
    color: #FFF;
    border-color: black;
    /*-o-border-image: url('../../img/nav_bg_active.png') 0 2 0 1;
    -ms-border-image: url('../../img/nav_bg_active.png') 0 2 0 1;
    -moz-border-image: url('../../img/nav_bg_active.png') 0 2 0 1;
    -webkit-border-image: url('../../img/nav_bg_active.png') 0 2 0 1;*/
    background-color: #fdaf17;
}

#left .menu-two-level {
    border: 1px solid #C9C9C9;
    margin-bottom: 4px;
    /*background: url(../../img/menu_normal1.png) repeat-x;*/
    background-color: #EDEDED;
    background-image: -ms-linear-gradient(center top, #FAFAFA, #DFE0E0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#DFE0E0));
    background-image: -webkit-linear-gradient(top, #FAFAFA, #DFE0E0);
    background-image: -o-linear-gradient(top, #FAFAFA, #DFE0E0);
    background-image: -moz-linear-gradient(top, #FAFAFA, #DFE0E0);
    background-image: linear-gradient(top, #FAFAFA, #DFE0E0);
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#FAFAFA, endcolorstr=#DFE0E0, gradientType=0);
}

#left li.menu-two-level.net_setting a,
#left li.menu-two-level.wifi a,
#left li.menu-two-level.device_setting a,
#left li.menu-two-level.firewall a,
#left li.menu-two-level.status a,
#left li.menu-two-level.phonebook a,
#left li.menu-two-level.parental_control a {
    background: url(../../img/second_selected.png) no-repeat center right;
}

#left li.menu-two-level.active.net_setting a,
#left li.menu-two-level.active.wifi a,
#left li.menu-two-level.active.device_setting a,
#left li.menu-two-level.active.firewall a,
#left li.menu-two-level.active.status a,
#left li.menu-two-level.active.phonebook a,
#left li.menu-two-level.active.parental_control a {
    background: url(../../img/second_selected_focus.png) no-repeat center right;
}

#left .menu-two-level.active {
    background: #EDEDED;
    background-image: -ms-linear-gradient(top, #DEDFDF, #F9F9F9);
    background-image: -moz-linear-gradient(center top, #DEDFDF, #F9F9F9);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEDFDF), to(#F9F9F9));
    background-image: -o-linear-gradient(top, #DEDFDF, #F9F9F9);
    background-image: linear-gradient(top, #DEDFDF, #F9F9F9);
    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#DEDFDF', endColorstr='#F9F9F9', GradientType=0);
    border: 1px solid #DEDFDF;
}

#left .menu-three-level {
    background: #D2D2D2;
    margin-top: -4px;
    margin-bottom: 4px;
}

#left .menu-three-level a {
    /*background:url(../../img/submenu_selected_focus.png) no-repeat;*/
    padding-left: 35px;
    color: #000000;
    font-size: 14px;
}

#left .menu-three-level a:hover {
    color: #9b0d0e;
}

#left .menu-three-level:hover {
    background-color: #ccc;
}

#left .menu-two-level.active a {
    color: #9d0b0e;
}

#left .menu-three-level.active {
    background: #D2D2D2;
}

#left .menu-three-level.active a {
    background: #fdaf17 url(../../img/icon_01.gif) no-repeat 2px center;
    color: #fff;
    padding-left: 35px;
}

.form-body .form-title,
#container .form-title {
    font-size: 24px;
    color: #9d0b0e;
    word-break: break-all;
    border-bottom: 1px solid #DEDEDF;
    padding: 5px 20px;
}

.form-body .form-note {
    font-size: 12px;
    background-color: #EAEAEA;
    line-height: 30px;
}


/* Container */

#confirm-container {
    width: 420px;
    text-align: left;
    background: none;
    background-color: #fff;
    border: 2px solid #9d0b0e;
    border-radius: 4px;
}

#confirm-container .header {
    height: 30px;
    line-height: 30px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    background: #9d0b0e;
    /*background: url("../../img/menu_normal1.png") repeat-x scroll 0 0 transparent;*/
    border-radius: 1px;
}

#confirmImg {
    display: none;
}

.simplemodal-wrap {
    background: #fff;
}

#confirm-container .header span {
    padding-left: 8px;
}

#confirm-container .message {
    color: #000;
    font-size: 14px;
}

#confirm-container .buttons {
    padding: 10px 8px;
}

#confirm-container .buttons input {
    margin-left: 4px;
    text-align: center;
    cursor: pointer;
}

#container.fixContainerWidth {
    width: 960px;
}

.overlay-success {
    color: #5eab1d;
}

.box-head {
    cursor: pointer;
    height: 32px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border: 1px solid #E3E7EA;
    background: #F2F2F2;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#F2F2F2));
    background: -ms-linear-gradient(top, white, #F2F2F2);
    background: -moz-linear-gradient(top, white, #F2F2F2);
    background: -o-linear-gradient(linear, 0% 0%, 0% 100%, from(white), to(#F2F2F2));
}

.box-head h3 {
    color: #888;
}

.help {
    height: 26px;
    width: 26px;
    background: url(../../img/help.png) no-repeat;
    float: right;
    margin-top: 10px;
    padding-right: 10px;
}

.btn-1 {
    border: none;
    /*border-bottom:1px solid;*/
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #6c6c6c;
    background-image: -ms-linear-gradient(top, #9d0b0e, #9d0b0e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9d0b0e), to(#9d0b0e));
    background-image: -webkit-linear-gradient(top, #9d0b0e, #9d0b0e);
    background-image: -o-linear-gradient(top, #9d0b0e, #9d0b0e);
    background-image: -moz-linear-gradient(top, #9d0b0e, #9d0b0e);
    background-image: linear-gradient(top, #9d0b0e, #9d0b0e);
    background-repeat: repeat-x;
    border-color: #9d0b0e #9d0b0e #9d0b0e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#9d9d9d', endColorstr='#6c6c6c', GradientType=0);*/
}

.btn-1:hover {
    background-color: #9d0b0e;
    /* Buttons in IE7 don't get borders, so darken on hover */
    background-image: -ms-linear-gradient(top, #9d0b0e, #9d0b0e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9d0b0e), to(#9d0b0e));
    background-image: -webkit-linear-gradient(top, #9d0b0e, #9d0b0e);
    background-image: -o-linear-gradient(top, #9d0b0e, #9d0b0e);
    background-image: -moz-linear-gradient(top, #9d0b0e, #9d0b0e);
    background-image: linear-gradient(top, #9d0b0e, #9d0b0e);
    background-repeat: repeat-x;
    border-color: #9d0b0e #9d0b0e #9d0b0e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4babf5', endColorstr='#2f76d0', GradientType=0);*/
}

.btn-1:disabled.hover,
.btn-1:disabled:hover {
    background-color: #d3d3d3;
    color: #f5f5f5;
    background-image: -ms-linear-gradient(top, #d3d3d3, #b3b3b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#b3b3b3));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #b3b3b3);
    background-image: -o-linear-gradient(top, #d3d3d3, #b3b3b3);
    background-image: -moz-linear-gradient(top, #d3d3d3, #b3b3b3);
    background-image: linear-gradient(top, #d3d3d3, #b3b3b3);
    background-repeat: repeat-x;
    border-color: #d3d3d3 #d3d3d3 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
    /*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#b3b3b3', GradientType=0);*/
}

.btn-1.active,
.btn-1:active {
    background-color: #9d0b0e;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    border-color: #9d0b0e #9d0b0e #9d0b0e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-1.disabled,
.btn-1[disabled] {
    background-color: #d3d3d3;
    color: #f5f5f5;
    background-image: -ms-linear-gradient(top, #d3d3d3, #b3b3b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#b3b3b3));
    background-image: -webkit-linear-gradient(top, #d3d3d3, #b3b3b3);
    background-image: -o-linear-gradient(top, #d3d3d3, #b3b3b3);
    background-image: -moz-linear-gradient(top, #d3d3d3, #b3b3b3);
    background-image: linear-gradient(top, #d3d3d3, #b3b3b3);
    background-repeat: repeat-x;
    border-color: #d3d3d3 #d3d3d3 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /* filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#b3b3b3', GradientType=0);*/
}

.logo {
    width: 73px;
    height: 70px;
    position: absolute;
    /* margin-left: 6px;
    margin-top: 5px; */
    background-image: url(../../img/jazz_logo.png);
    /* background-image: url(../../img/logo_zte.png); */
    background-repeat: no-repeat;
    background-position: -10px 0px;
    background-size: 110px;
}

.super_4g {
    width: 80px;
    height: 70px;
    float: right;
    margin-top: 5px;
    background-image: url(../../img/logo_zte.png);
    background-repeat: no-repeat;
    background-position: -80px 0px;
}

#logout {
    background: url(../../img/split_line.gif) no-repeat left center;
    cursor: pointer;
}

#logoutlink,
#loginlink {
    padding: 0 1px 0 4px;
    color: #000000;
}

#list-nav li[mid="home"],
#list-nav li[mid="sms_router"],
#list-nav li[mid="ussd"] {
    width: 6%!important;
}

#list-nav li[mid="ota_update"],
#list-nav li[mid="settings_switched_dialup"] {
    width: 8%!important;
}

#list-nav li[mid="mbb_app"],
#list-nav li[mid="jazzWebsite"],
#list-nav li[mid="warrantyClaim"] {
    width: 14%!important;
}